<div class="sales view">
    <h2 class="left"><?php __('Detalle de Venta'); ?></h2>
    <div class="actions specific">
        <ul>
            <li><?php echo $this->Html->link(__('Editar Venta', true), array('action' => 'edit', $sale['Sale']['id'])); ?> </li>
            <li><?php echo $this->Html->link(__('Eliminar Venta', true), array('action' => 'delete', $sale['Sale']['id']), null, sprintf(__('Esta seguro que desea eliminar la venta # %s?', true), date('d/m/Y', strtotime($sale['Sale']['sale_date'])))); ?> </li>
        </ul>
    </div>
    <br />
    <br />
    <br />
    <dl><?php $i = 0;
$class = ' class="altrow"'; ?>
        <dt<?php if ($i % 2 == 0)
            echo $class; ?>><?php __('Id'); ?></dt>
        <dd<?php if ($i++ % 2 == 0)
                echo $class; ?>>
                <?php echo $sale['Sale']['id']; ?>
            &nbsp;
        </dd>
        <dt<?php if ($i % 2 == 0)
                    echo $class; ?>><?php __('Fecha de Venta'); ?></dt>
        <dd<?php if ($i++ % 2 == 0)
                echo $class; ?>>
                <?php
                $fecha = date('d/m/Y', strtotime($sale['Sale']['sale_date']));
                echo $fecha;
                ?>
            &nbsp;
        </dd>
        </dd>
        <dt<?php if ($i % 2 == 0)
                    echo $class; ?>><?php __('Total'); ?></dt>
        <dd<?php if ($i++ % 2 == 0)
                echo $class; ?>>
                <?php echo '$'.$sale['Sale']['total']; ?>
            &nbsp;
        </dd>
    </dl>
</div>
<div class="items index">
    <h2><?php __('Items'); ?></h2>
    <table cellpadding="0" cellspacing="0">
        <tr>
<!--            <th><?php echo 'Id'; ?></th>-->
            <th><?php echo 'Cantidad Vendida'; ?></th>
            <th><?php echo 'Precio Unitario'; ?></th>
            <th><?php echo 'Artículo'; ?></th>
            <th><?php echo 'Retoque'; ?></th>
            <th><?php echo 'Cambio Fase/Confección'; ?></th>
            <th><?php echo 'Subtotal'; ?></th>
            <th class="actions"><?php __('Opciones'); ?></th>
        </tr>
        <?php
        $i = 0;
        foreach ($sale['Item'] as $item):
            $class = null;
            if ($i++ % 2 == 0) {
                $class = ' class="altrow"';
            }
            ?>
            <tr<?php echo $class; ?>>
    <!--                <td><?php echo $item['id']; ?>&nbsp;</td>-->
                <td><?php echo $item['sale_amount']; ?>&nbsp;</td>
                <td><?php echo '$'.$item['temp_price']; ?>&nbsp;</td>
                <td>
                    <?php echo $articles[$item['article_id']]; ?>
                </td>
                <td><?php echo $item['retouch']; ?>&nbsp;</td>
                <td><?php echo $item['phase_change']; ?>&nbsp;</td>
                <td><?php echo '$'.$item['subtotal']; ?>&nbsp;</td>
                <td class="actions">
                    <?php echo $this->Html->link(__('Ver', true), array('controller' => 'items', 'action' => 'view', $item['id'])); ?>
                    <!--<?php echo $this->Html->link(__('Editar', true), array('controller' => 'items', 'action' => 'edit', $item['id'])); ?>-->
                    <?php echo $this->Html->link(__('Eliminar', true), array('controller' => 'items', 'action' => 'delete', $item['id']), null, sprintf(__('Esta seguro que desea eliminar # %s?', true), $item['id'])); ?> 
                </td>
            </tr>
        <?php endforeach; ?>
    </table>
</div>
<div class="items form">
    <!--    url=>     solo se usa en los formularios  y en los redirect-->
    <?php echo $this->Form->create('Item', array('url' => array('controller' => 'items', 'action' => 'add'))); ?>
    <fieldset>
        <legend><?php __('Añadir Item'); ?></legend>
        <?php
        echo $this->Form->input('sale_amount', array('label' => 'Cantidad Vendida'));
        echo $this->Form->input('article_id', array('label' => 'Articulo', 'onchange' => 'actualizar_precio(); return false;', 'div'=>array('class'=>'left clear_none')));
        echo $this->Form->input('cantidad_stock', array('label' => 'Stock Disponible', 'readonly'=>'readonly', 'div'=>array('class'=>'left clear_none')));
        echo $this->Form->input('price', array('label' => 'Precio Actual - Sugerido'));
        echo $this->Form->input('retouch', array('type' => 'checkbox', 'default' => 0, 'label' => 'Retoque'));
        echo $this->Form->input('phase_change', array('type' => 'checkbox', 'default' => 0, 'label' => 'Cambio Fase/Confección'));
        echo $this->Form->input('sale_id', array('type' => 'hidden', 'value' => $sale['Sale']['id']));
        echo $this->Form->input('subtotal', array('type' => 'hidden', 'value' => $sale['Sale']['id']));
        ?>
    </fieldset>
    <?php echo $this->Form->end(__('Crear', true)); ?>
</div>
<script type="text/javascript">
    
    //esto dentro del ready se ejecuta 1 sola vez cuando el navegador
    //termina de cargar todo el html
    $().ready(function(){
        //llamo a la funcion actualizar_precio para que me tome el precio del
        //articulo seteado
        actualizar_precio();
    });

    /**
     * Función para actualizar el precio del item seleccionado
     */
    function actualizar_precio(){
        //tomo el valor del select para ver que item selecciono
        var item_id = $('#ItemArticleId').val();
        
        //si selecciono un item
        if(item_id != ''){
            //llamo al ajax para actualizar el campo del precio
            $.post("/articles/get_price",  {
                id: item_id
            },function(data){
                //cuando termina de ejecutarse el ajax, el resultado lo tengo en la variable "data"
                //ahora uso esta variable para actualizar el campo del precio
                $('#ItemPrice').val(data.price);
                $('#ItemCantidadStock').val(data.stock);
            },'json');

        }else{
            //si no selecciono ningun item, pongo el valor del precio en cero
            $('#ItemPrice').val(0);
            $('#ItemCantidadStock').val('');
        }
        //si selecciono un item
//        if(item_id != ''){
//            //llamo al ajax para actualizar el campo del precio
//            $.post("/articles/get_price",  {
//                id: item_id
//            },function(data){
//                //cuando termina de ejecutarse el ajax, el resultado lo tengo en la variable "data"
//                //ahora uso esta variable para actualizar el campo del precio
//                $('#ItemPrice').val(data);
//            },'html');
//
//        }else{
//            //si no selecciono ningun item, pongo el valor del precio en cero
//            $('#ItemPrice').val(0);
//        }
    }
</script>